<template>
	<view class='page'>
	  <view class='video'>
	    <video src='http://aliyun.oss.zxgyzj.com/video/20181125/154312399569512569.mp4' autoplay="true"></video>
	  </view>
	  
	  <view class='hint'>
	    <view class='red'>点击右下角【放大】观看介绍片</view>
	    <view class='mar10'>【 装修业务信息共享 】</view>
	    <view>【 建材供货资源共享 】</view>
	    <view class='mar-bottom'>【 行业人才技能共享 】</view>
	  </view>
	  <view class='send'>
	    <view style='font-size:34upx;'>装修工友 . 建材商家 . 设备租赁 . 设计师 . 业主</view>
	    <view class='send-btn'>同城共享装修欢迎您加入。客服电话：<button class="bottom" type="warn" size="mini" data-tel='13007489696' @tap='onCallBossTap'>13007489696</button></view>
	  </view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
			
			}
		},
		methods:{
			 // 联系客服
			  onCallBossTap: function (e) {
			    const tel = e.currentTarget.dataset.tel;
			    uni.makePhoneCall({
			      phoneNumber: tel,
			    })
			  },
		}
	}
</script>

<style>
	.page {
	  width: 100%;
	  /* background-color: #fff; */
	}
	.video {
	  width: 100%;
	  height: 500upx;
	}
	video {
	  width: 100%;
	  height: 100%;
	}
	.hint {
	  background-color: #fff;
	  padding: 15upx 0;
	  font-size: 48upx;
	  font-weight: 600;
	}
	.hint > view {
	  width: 100%;
	  text-align: center;
	  margin: 10upx 0;
	}
	.red {
	  color: #f94c48;
	}
	.send {
	  color: #00CCCC;
	  font-size: 30upx;
	  font-weight: 600;
	}
	.send > view {
	  width: 100%;
	  margin: 10upx 0;
	  text-align: center;
	}
	.hint .mar10 {
	  margin-top: 50upx;
	}
	.hint .mar-bottom {
	  margin-bottom: 45upx;
	}
	.send-btn {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	button[size=mini] {
	  display:inline-block;
	  line-height:2.3;
	  font-size:13px;
	  padding:0 10upx;
	  overflow: hidden;
	}
	.bottom {
	  margin: 0;
	}

</style>
